<#assign module="chart"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/datepicker/datepicker.css">
</@override>
<@override name="body">
<div class="row">
	<div class="col-md-2">
		<ul class="list-group">
        	<#--
        	<li class="list-group-item"><a  href="${ctx}/chart/heatMap">热力图</a></li>
        	-->
        	<@daijia>
	        <li class="list-group-item"><a  href="${ctx}/chart/compositive">代驾订单汇总</a></li>
	        </@daijia>
			<@pao>
			<li class="list-group-item"><a  href="${ctx}/chart/paotuiCompositive">跑腿订单汇总</a></li>
			</@pao>
			<@zhuan>
			<li class="list-group-item"><a  href="${ctx}/chart/zhuanCompositive">专车订单汇总</a></li>
			</@zhuan>
			<@freight>
			<li class="list-group-item"><a  href="${ctx}/chart/freightCompositive">货运订单汇总</a></li>
			</@freight>
			<@zhuanxian>
			<li class="list-group-item"><a  href="${ctx}/chart/zhuanxianCompositive">快车订单汇总</a></li>
			</@zhuanxian>
	        <li class="list-group-item"><a  href="${ctx}/chart/orderYearChart">订单统计</a></li>
		    <li class="list-group-item"><a  href="${ctx}/chart/orderType">订单来源统计</a></li>
		    <li class="list-group-item"><a  href="${ctx}/chart/memberOrder1">客户消费统计</a></li>
			<li class="list-group-item"><a  href="${ctx}/chart/tableNewMemberMonth">新增客户统计</a></li>
		    <li class="list-group-item"><a  href="${ctx}/chart/driverOrder">服务人员业绩</a></li>
		    <li class="list-group-item"><a  href="${ctx}/chart/introduce">推荐员工业绩</a></li>
		    <li class="list-group-item"><a  href="${ctx}/chart/infoFee">保险费/信息费</a></li>
		    <@shiro.isMainCompany>
		    <li class="list-group-item"><a  href="${ctx}/chart/companyOrder">公司统计</a></li>
		    </@shiro.isMainCompany>
		    <!-- <li class="list-group-item"><a  href="${ctx}/chart/activity">活动统计</a></li> -->
		    <li class="list-group-item"><a  href="${ctx}/chart/driverTime">服务人员在线时间统计</a></li>
	    </ul>
	</div>
		
	<div class="col-md-10">
		<!-- Nav tabs -->
		<ul class="nav nav-tabs navigation">
			<@daijia>
				<@shiro.hasPermission name='order'>
		    		<li <#if activityTab?? && activityTab=="daijia">class="active"</#if>><a href="#daijiatab" data-toggle="tab">代驾</a></li>
		    	</@shiro.hasPermission>
		    </@daijia>
		    
		    <@zhuan>
			    <@shiro.hasPermission name='zhuan'>
		    		<li <#if activityTab?? && activityTab=="zhuan">class="active"</#if>><a href="#zhuantab" data-toggle="tab">专车</a></li>
		    	</@shiro.hasPermission>
	    	</@zhuan>
		    
		    <@pao>
		    	<@shiro.hasPermission name='errand'>
			    	<li <#if activityTab?? && activityTab=="errand">class="active"</#if>><a href="#errandtab" data-toggle="tab">跑腿</a></li>
		    	</@shiro.hasPermission>
	    	</@pao>
	    	
	    	<@freight>
			    <@shiro.hasPermission name='freight'>
		    		<li <#if activityTab?? && activityTab=="freight">class="active"</#if>><a href="#freighttab" data-toggle="tab">货运</a></li>
		    	</@shiro.hasPermission>
	    	</@freight>
	    	<@zhuanxian>
			    <@shiro.hasPermission name='zhuanxian'>
		    		<li <#if activityTab?? && activityTab=="zhuanxian">class="active"</#if>><a href="#zhuanxiantab" data-toggle="tab">快车</a></li>
		    	</@shiro.hasPermission>
	    	</@zhuanxian>
	    </ul>
	    
		<div class="tab-content">
			<@daijia>
			<@shiro.hasPermission name='order'>
			<div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="daijia">active</#if>" id="daijiatab">
				<div class="row">
					<div class="col-xs-3">
						<div class="col-xs-4" style="padding: 0px; width:100px;">
					 		<select name="year" class="form-control" id="year"  >
		    	        	   <#list years as year>
		    		              <option value="${year}" <#if searchYear?? && searchYear==year>selected="selected"</#if> >${year}</option>
		    	               </#list>
		                    </select>
						</div>
						<div class="col-xs-8" style="padding: 0px; width:100px;">
							 <select id="month" class="form-control" >
							    <option value="1">1月</option>
							    <option value="2">2月</option>
							    <option value="3">3月</option>
							    <option value="4">4月</option>
							    <option value="5">5月</option>
							    <option value="6">6月</option>
							    <option value="7">7月</option>
							    <option value="8">8月</option>
							    <option value="9">9月</option>
							    <option value="10">10月</option>
							    <option value="11">11月</option>
							    <option value="12">12月</option>
							 </select>
						 </div>
					 </div>
					  
					 <div class="col-xs-9">
					 	<span style="font-size:16px; color:#b1b1b1;line-height:1.9;">提示：客户下单越多的地方颜色渐变、透明度越深，滑动鼠标滚轮放大（或缩小）地图</span>
					 </div> 
				</div>	
				<div id="allmap" style="z-index: 9; width:100%;height:600px;">
				</div>
			</div>
			</@shiro.hasPermission>
			</@daijia>	
			
			<@zhuan>
			<@shiro.hasPermission name='zhuan'>
			<div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="zhuan">active</#if>" id="zhuantab">
				<div class="row">
				 	<div class="col-xs-3">
				  		<div class="col-xs-4" style="padding: 0px; width:100px;">
	               		   <select name="year" class="form-control" id="year_zhuan" >
	    	        	   <#list years as year>
	    		              <option value="${year}" <#if searchYear?? && searchYear==year>selected="selected"</#if> >${year}</option>
	    	               </#list>
	                       </select>
	               	    </div> 
	               	    <div class="col-xs-8" style="padding: 0px; width:100px;">
							 <select id="zhuancheMonth" class="form-control" >
							    <option value="1">1月</option>
							    <option value="2">2月</option>
							    <option value="3">3月</option>
							    <option value="4">4月</option>
							    <option value="5">5月</option>
							    <option value="6">6月</option>
							    <option value="7">7月</option>
							    <option value="8">8月</option>
							    <option value="9">9月</option>
							    <option value="10">10月</option>
							    <option value="11">11月</option>
							    <option value="12">12月</option>
							 </select>
						</div> 
					</div>
					<div class="col-xs-9">
						<span style="font-size:16px; color:#b1b1b1;line-height:1.9;">提示：客户下单越多的地方颜色渐变、透明度越深，滑动鼠标滚轮放大（或缩小）地图</span>
					</div> 
				</div>	 	
				<div id="allmap2" style="z-index: 9; width:100%;height:600px;">
				</div>
			</div> 
			</@shiro.hasPermission>
			</@zhuan>
		<@zhuanxian>
			<@shiro.hasPermission name='zhuanxian'>
			<div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="zhuanxian">active</#if>" id="zhuanxiantab">
				<div class="row">
				 	<div class="col-xs-3">
				  		<div class="col-xs-4" style="padding: 0px; width:100px;">
	               		   <select name="year" class="form-control" id="year_zhuanxian" >
	    	        	   <#list years as year>
	    		              <option value="${year}" <#if searchYear?? && searchYear==year>selected="selected"</#if> >${year}</option>
	    	               </#list>
	                       </select>
	               	    </div> 
	               	    <div class="col-xs-8" style="padding: 0px; width:100px;">
							 <select id="zhuanxianMonth" class="form-control" >
							    <option value="1">1月</option>
							    <option value="2">2月</option>
							    <option value="3">3月</option>
							    <option value="4">4月</option>
							    <option value="5">5月</option>
							    <option value="6">6月</option>
							    <option value="7">7月</option>
							    <option value="8">8月</option>
							    <option value="9">9月</option>
							    <option value="10">10月</option>
							    <option value="11">11月</option>
							    <option value="12">12月</option>
							 </select>
						</div> 
					</div>
					<div class="col-xs-9">
						<span style="font-size:16px; color:#b1b1b1;line-height:1.9;">提示：客户下单越多的地方颜色渐变、透明度越深，滑动鼠标滚轮放大（或缩小）地图</span>
					</div> 
				</div>	 	
				<div id="Zhuanxianallmap" style="z-index: 9; width:100%;height:600px;">
				</div>
			</div> 
			</@shiro.hasPermission>
			</@zhuanxian>
			<@pao>
			<@shiro.hasPermission name='errand'>
			<div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="errand">active</#if>" id="errandtab">
				<div class="row">
					<div class="col-xs-3">
						<div class="col-xs-4" style="padding: 0px; width:100px;">
				        	<select name="year" class="form-control" id="year_errand" >
				        		<#list years as year>
				        			<option value="${year}" <#if searchYear?? && searchYear==year>selected="selected"</#if> >${year}</option>
				    	    	</#list>
				    	    </select>
			    	    </div> 
				        <div class="col-xs-8" style="padding: 0px; width:100px;">
				        	<select id="errandMonth" class="form-control" >
								<option value="1">1月</option>
								<option value="2">2月</option>
								<option value="3">3月</option>
								<option value="4">4月</option>
								<option value="5">5月</option>
								<option value="6">6月</option>
								<option value="7">7月</option>
								<option value="8">8月</option>
								<option value="9">9月</option>
								<option value="10">10月</option>
								<option value="11">11月</option>
								<option value="12">12月</option>
							</select>
						</div>
					</div>
					<div class="col-xs-9">
						<span style="font-size:16px; color:#b1b1b1;line-height:1.9;">提示：客户下单越多的地方颜色渐变、透明度越深，滑动鼠标滚轮放大（或缩小）地图</span>
					</div>  
				</div>	 	
				<div id="allmap3" style="z-index: 9; width:100%;height:600px;">
				</div>
			</div> 
			</@shiro.hasPermission>
			</@pao>
			
			<@freight>
			<@shiro.hasPermission name='freight'>
			<div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="freight">active</#if>" id="freighttab">
				<div class="row">
					<div class="col-xs-3">
				  		<div class="col-xs-4" style="padding: 0px; width:100px;">
		               		<select name="year" class="form-control" id="year_freight" >
		    	        		<#list years as year>
		    	        			<option value="${year}" <#if searchYear?? && searchYear==year>selected="selected"</#if> >${year}</option>
		    	        		</#list>
		                    </select>
	                    </div> 
	               	    <div class="col-xs-8" style="padding: 0px; width:100px;">
							 <select id="freightMonth" class="form-control" >
							    <option value="1">1月</option>
							    <option value="2">2月</option>
							    <option value="3">3月</option>
							    <option value="4">4月</option>
							    <option value="5">5月</option>
							    <option value="6">6月</option>
							    <option value="7">7月</option>
							    <option value="8">8月</option>
							    <option value="9">9月</option>
							    <option value="10">10月</option>
							    <option value="11">11月</option>
							    <option value="12">12月</option>
							 </select>
						 </div> 
					 </div>
					 <div class="col-xs-9">
					 	<span style="font-size:16px; color:#b1b1b1;line-height:1.9;">提示：客户下单越多的地方颜色渐变、透明度越深，滑动鼠标滚轮放大（或缩小）地图</span>
					 </div>
				 </div>
				 <div id="allmap4" style="z-index: 9; width:100%;height:600px;">
				 </div>
			</div> 
			</@shiro.hasPermission>
			</@freight>
		</div> 
	</div> 
	
</div>
</@override>


<@override name="footer">
<script>
	window.daijia = {ctx : '${ctx}',lng : '${lng}', lat : '${lat}'};
</script>
<script src="//api.map.baidu.com/api?v=2.0&ak=AuNk3YS21DSmHEEvIFDf9dbD" type="text/javascript"></script> 
<script type="text/javascript" src="//api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
<script src="${ctx}/assets/js/datepicker.js"></script>
<@daijia> 
<script src="${ctx}/assets/js/chart/heatMap.js"></script>
</@daijia> 
<@zhuan> 
<script src="${ctx}/assets/js/chart/zhuanHeatMap.js"></script> 
</@zhuan>
<@pao>
<script src="${ctx}/assets/js/chart/errandHeatMap.js"></script> 
</@pao>
<@freight>
<script src="${ctx}/assets/js/chart/freightHeatMap.js"></script> 
</@freight>
<@zhuanxian>
<script src="${ctx}/assets/js/chart/zhuanxianHeatMap.js"></script> 
</@zhuanxian>
</@override>
<@extends name="../layout.ftl"/>
